<script setup lang="ts">
import F_avatar from "@/components/common/f_avatar.vue";

interface Props {
  title: string
  avatar: string
  size?: number
}


const props = defineProps<Props>()

</script>

<template>
  <div class="f_avatar_title">

    <f_avatar :title="props.title" :image-url="props.avatar" :size="40"></f_avatar>
    <span class="title">
      <a-typography-text style="max-width: 10rem" :ellipsis="{rows: 1, css: true}">{{ props.title }}</a-typography-text>
    </span>
  </div>
</template>

<style scoped lang="less">
.f_avatar_title {
  display: flex;
  .title {
    margin-left: 5px;
    display: flex;
    align-items: center;
  }
}
</style>